/*
 * @Author: tomystery 
 * @Date: 2018-05-10 16:56:19 
 * @Last Modified by: t
 * @Last Modified time: 2018-07-15 11:36:12
 */
import React from 'react'
import { Link ,NavLink} from 'react-router-dom'
class NavSide extends React.Component {
    render() {
        return (
            <div className="navbar-default navbar-side">
                <div className="sidebar-collapse">
                    <ul className="nav">

                        <li>
                            <NavLink exact to="/" activeClassName='active-menu'><i className="fa fa-dashboard"></i> 首页</NavLink>
                        </li>
                        <li className='active'>
                            <Link to='/product' ><i className="fa fa-list"></i> 商品<span className="fa arrow"></span></Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink activeClassName='active-menu' to='/product'>商品管理</NavLink >
                                </li>
                                <li>
                                    <NavLink activeClassName='active-menu' to='/product-category'>品类管理</NavLink>
                                </li>
                            </ul>
                        </li>
                        <li >
                            <Link to='/order' ><i className="fa fa-check-square-o"></i>订单<span className="fa arrow"></span></Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink activeClassName='active-menu' to='/order'>订单管理</NavLink>
                                </li>
                               
                            </ul>
                        </li>
                        <li >
                            <Link to='/user'><i className="fa fa-user-o"></i>用户<span className="fa arrow"></span></Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink activeClassName='active-menu' to='/user'>用户管理</NavLink>
                                </li>
                               
                            </ul>
                        </li>
                    </ul>

                </div>

            </div>
        )
    }
    }


export default NavSide;